import "./style.css";
import { setupEditor } from "./editor.ts";

document.querySelector<HTMLDivElement>("#app")!.innerHTML = `
  <div>
    <main style="display: flex;">
    <div id="canvasEditor" style="position: relative;width: 800px;">
      <canvas id="canvasRef" style="width:800px;height:32px" height="32"></canvas>
    </div>
  </main>
   <main style="display: flex;">
    <div id="canvasEditor" style="position: relative;width: 800px;">
      <canvas id="canvasRef1" style="width:800px;height:32px" height="32"></canvas>
    </div>
  </main>
  </div>
`;

setupEditor(document.querySelector<HTMLCanvasElement>("#canvasRef")!);
setupEditor(document.querySelector<HTMLCanvasElement>("#canvasRef1")!);